﻿@{
	ViewBag.SocialTitle = "Онлайн игра drawpi.co, рисуем и угадываем";
	ViewBag.SocialDescription = "Увлекательная бесплатная онлайн игра крокодил. Заходи прямо сейчас, рисуй в браузере и угадывай из более 4000 слов.";
	ViewBag.SocialImage = new Uri(ServerSettings.RootUrl, "/Content/Images/main.png").ToString();
}
<!DOCTYPE html>
<html>

<head>
	<title>@ViewBag.Title - drawpi.co</title>
	@{ Html.RenderPartial("_Icons");}
	@{ Html.RenderPartial("_SocialMeta");}
	@Styles.Render("~/Content/uikit")
</head>

	<body class="uk-height-1-1" style="overflow: hidden;">
		@{Html.RenderPartial("_TopMenu");}
		<div id="main-loader" class="loader-outer uk-margin-top">
			<div class="loader-animation">
				<div class="loader-linebar"></div>
				<div class="loader-linebar"></div>
				<div class="loader-linebar"></div>
				<div class="loader-linebar"></div>
				<div class="loader-linebar"></div>
				<div class="loader-linebar"></div>
			</div>
		</div>
		<div class="uk-vertical-align uk-text-center uk-height-1-1">
			<div class="uk-vertical-align-middle page-container" style="opacity: 0;">
				<div class="logo">
					<a href="@Url.Action("Index","Home")">
						<img src="@Url.Content("~/Content/Images/logo.svg")" alt="logo"/>
					</a>
				</div>
				<div id="page-container">
					@RenderBody()
				</div>
				<div id="overlay" class="uk-overlay-area">
					<div class="uk-overlay-area-content">
						<div class="loader-outer uk-margin-top">
							<div class="loader-animation">
								<div class="loader-linebar"></div>
								<div class="loader-linebar"></div>
								<div class="loader-linebar"></div>
								<div class="loader-linebar"></div>
								<div class="loader-linebar"></div>
								<div class="loader-linebar"></div>
							</div>
						</div>
					</div>
				</div>
				<div class="alert-container"></div>
			</div>
		</div>
		@Styles.Render("~/Content/css")
		@Scripts.Render("~/bundles/index")
		@{ Html.RenderPartial("_Localization"); }
		@RenderSection("scripts", required: false)
		@{Html.RenderPartial("_Ya");}
		<a href="#disconnect" data-uk-modal="{bgclose:false}" id="disconnectPopup" class="uk-hidden"></a>
		<div id="disconnect" class="uk-modal">
			<div class="uk-modal-dialog">
				<div class="uk-grid uk-grid-small">
					<div class="uk-width-1-1 uk-text-large uk-text-center">
						Связь с сервером отсутствует. Проверьте подключение в сети.
					</div>
					<div class="uk-width-1-1 uk-margin-top uk-text-center">
						<button class="uk-button uk-button-large uk-button-primary" onclick="window.location.reload();"><i class="uk-icon-refresh"></i> Перезагрузить страницу</button>
					</div>
				</div>
			</div>
		</div>
		@if (Response.Cookies.AllKeys.Contains("Welcome"))
		{
			<a href="#welcome" data-uk-modal id="welcomePopup" class="uk-hidden"></a>
			<div id="welcome" class="uk-modal">
				<div class="uk-modal-dialog" style="height: 500px; width: 700px;">
					<a class="uk-modal-close uk-close"></a>
					<div class="uk-grid uk-grid-small">
						<div class="uk-width-1-1 uk-text-center">
							<h1>Добро пожаловать!</h1>
							<h3>Присоединяйтесь к нам, чтобы быть в курсе всех событий</h3>
						</div>
						<div class="uk-width-1-2 uk-margin-top">
							<div class="uk-container-center">
								<a class="twitter-timeline" data-dnt="true" href="https://twitter.com/drawpico" data-widget-id="526830324567638016">Твиты пользователя @@drawpico</a>
							</div>
						</div>
						<div class="uk-width-1-2 uk-margin-top">
							<div id="vk_groups" class="uk-container-center"></div>
						</div>
						<div class="uk-width-1-1 uk-text-center uk-margin-small-top">
							<button class="uk-button uk-button-primary uk-button-large" onclick="return $('.uk-modal-close').click();">Начать!</button>
						</div>
					</div>
				</div>
			</div>
			<script src="//vk.com/js/api/openapi.js?115" type="text/javascript"></script>
			<script>!function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https'; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = p + "://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); } }(document, "script", "twitter-wjs");</script>
			<script type="text/javascript">
				$(function() {
					VK.Widgets.Group("vk_groups", { mode: 2, wide: 1, height: "300" }, 73402981);
					$("#welcomePopup").click();
				});
			</script>
		}
	</body>
</html>
